<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>视频回放</title>
    <link rel="stylesheet" href="../../../css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/icons-extra.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/master.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/news-list.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/refresh.css" /><!--上拉刷新 下拉加载样式-->
    <style>
		#topPopover {
			position: fixed;
			top: 16px;
			right: 6px;
		}
		
		#topPopover .mui-popover-arrow {
			left: auto;
			right: 6px;
		}
		
		.mui-popover {
			box-sizing: border-box;
			height: auto;
			overflow: hidden;
			padding-bottom:-10px;
			line-height: 10px;
			top:30%!important;
			width: 100%;
			margin-left: 5px;
		}
		
		.mui-popover .mui-popover-arrow {
			top:-30px;
		}
	</style>
</head>

<body>
    <header class="mui-bar mui-bar-nav mui-head bg-00BC8D">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title text-ffffff">视频回放</h1>
    </header>
    <div class="mui-content">    
		<ul class="mui-table-view group_list">
            <li class="mui-table-view-cell mui-media">
					<a class="zxxq" href="javascript:;">
						<div class="mui-media-body">
							<div class="mui-row">
								<div class="mui-col-xs-11 mui-col-sm-11 textCon">
									<div style="margin-left: 20px;">
										<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">海康威视Hikvision</p>
										<p style="display: inline-block;">200433</p>
									</div>
									<div style="margin-left: 20px;margin-top: 10px;">
										<p class="mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">上海市杨浦区邯郸路220号</p>
									</div>
								</div>
							</div>
							<a href="#topPopover">
								<div style="display: inline-block;height: 50px;width: 50px;background:#00BC8D;border-radius: 25px;line-height:50px;font-size: 12px;text-align: center;color: #fff;position: absolute;top:13px;right: 18px;">查看</div>
							</a>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class="zxxq" href="javascript:;">
						<div class="mui-media-body">
							<div class="mui-row">
								<div class="mui-col-xs-11 mui-col-sm-11 textCon">
									<div style="margin-left: 20px;">
										<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">海康威视Hikvision</p>
										<p style="display: inline-block;">200433</p>
									</div>
									<div style="margin-left: 20px;margin-top: 10px;">
										<p class="mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">上海市杨浦区邯郸路220号</p>
									</div>
								</div>
							</div>
							<a href="#topPopover">
								<div style="display: inline-block;height: 50px;width: 50px;background:#00BC8D;border-radius: 25px;line-height:50px;font-size: 12px;text-align: center;color: #fff;position: absolute;top:13px;right: 18px;">查看</div>
							</a>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class="zxxq" href="javascript:;">
						<div class="mui-media-body">
							<div class="mui-row">
								<div class="mui-col-xs-11 mui-col-sm-11 textCon">
									<div style="margin-left: 20px;">
										<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">海康威视Hikvision</p>
										<p style="display: inline-block;">200433</p>
									</div>
									<div style="margin-left: 20px;margin-top: 10px;">
										<p class="mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">上海市杨浦区邯郸路220号</p>
									</div>
								</div>
							</div>
							<a href="#topPopover">
								<div style="display: inline-block;height: 50px;width: 50px;background:#00BC8D;border-radius: 25px;line-height:50px;font-size: 12px;text-align: center;color: #fff;position: absolute;top:13px;right: 18px;">查看</div>
							</a>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class="zxxq" href="javascript:;">
						<div class="mui-media-body">
							<div class="mui-row">
								<div class="mui-col-xs-11 mui-col-sm-11 textCon">
									<div style="margin-left: 20px;">
										<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">海康威视Hikvision</p>
										<p style="display: inline-block;">200433</p>
									</div>
									<div style="margin-left: 20px;margin-top: 10px;">
										<p class="mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">上海市杨浦区邯郸路220号</p>
									</div>
								</div>
							</div>
							<a href="#topPopover">
								<div style="display: inline-block;height: 50px;width: 50px;background:#00BC8D;border-radius: 25px;line-height:50px;font-size: 12px;text-align: center;color: #fff;position: absolute;top:13px;right: 18px;">查看</div>
							</a>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class="zxxq" href="javascript:;">
						<div class="mui-media-body">
							<div class="mui-row">
								<div class="mui-col-xs-11 mui-col-sm-11 textCon">
									<div style="margin-left: 20px;">
										<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">海康威视Hikvision</p>
										<p style="display: inline-block;">200433</p>
									</div>
									<div style="margin-left: 20px;margin-top: 10px;">
										<p class="mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">上海市杨浦区邯郸路220号</p>
									</div>
								</div>
							</div>
							<a href="#topPopover">
								<div style="display: inline-block;height: 50px;width: 50px;background:#00BC8D;border-radius: 25px;line-height:50px;font-size: 12px;text-align: center;color: #fff;position: absolute;top:13px;right: 18px;">查看</div>
							</a>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class="zxxq" href="javascript:;">
						<div class="mui-media-body">
							<div class="mui-row">
								<div class="mui-col-xs-11 mui-col-sm-11 textCon">
									<div style="margin-left: 20px;">
										<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">海康威视Hikvision</p>
										<p style="display: inline-block;">200433</p>
									</div>
									<div style="margin-left: 20px;margin-top: 10px;">
										<p class="mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">上海市杨浦区邯郸路220号</p>
									</div>
								</div>
							</div>
							<a href="#topPopover">
								<div style="display: inline-block;height: 50px;width: 50px;background:#00BC8D;border-radius: 25px;line-height:50px;font-size: 12px;text-align: center;color: #fff;position: absolute;top:13px;right: 18px;">查看</div>
							</a>
						</div>
					</a>
				</li>
        </ul>	        
	   		</div>
	   		<!-- 图片预览 -->
		<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<!--<div class="mui-scroll-wrapper">
				<div class="mui-scroll">-->
					<img width="100%" src="../../../images/banner1.jpg" />
		<!--		</div>
			</div>
		-->
		</div>
</body>
<script src="../../../js/jquery.min.js"></script><!-- jquery -->
<script src="../../../js/mui.min.js"></script><!-- mui -->
<script src="../../../libs/waitMe/waitMe.min.js"></script><!-- 遮罩 -->
<script src="../../js/setting.js"></script><!-- 配置文件 -->
<script src="../../../js/common.js"></script><!-- 公共方法 -->
</html>